import React, { useState } from 'react'
import B from './B'
//1. 创建 context 对象   context 上下文
export let context = React.createContext();

export default function A() {
  //数据
  // let data = '爱欲于人，犹如执炬，逆风而行，必有烧手之患';
  let [count, setCount] = useState(10);

  return (
    <div>
      <h2>我是 A 组件</h2>
      <hr />
      {/* 2. 使用 context.Provider 组件包裹子组件, 并设置 value 属性数据 */}
      <context.Provider value={[count, setCount]}>
        <B />
      </context.Provider>
    </div>
  )
}

/**
  //context 本身是一个对象
  let context = {};
  //Provider 本身是一个组件函数
  function Provider(){
    return <h2>xxx</h2>
  }
  //赋值  context.Provider 也称为一个函数组件
  context.Provider = Provider;
  //使用 context.Provider 组件
  <context.Provider></context.Provider>
 */


